﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>流程设计</title>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EDGE,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta content="telephone=no" name="format-detection">
    <meta name="wap-font-scale" content="no">
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="Content/css/animate.css" />
    <link rel="stylesheet" href="Content/css/font-awesome.min93e3.css" />
    <link rel="stylesheet" href="Content/css/bootstrap.min14ed.css" />
    <link rel="stylesheet" href="Content/css/style.min862f.css" />
    <link rel="stylesheet" href="Content/css/footable.core.css" />
    <link rel="stylesheet" href="Scripts/layer-v3.0/layer.css" />
    <link rel="stylesheet" href="Scripts/mobiscroll/css/mobiscroll.custom-2.17.1.css" />
    <link rel="stylesheet" href="Content/css/approve.css" />
    <link rel="stylesheet" href="Scripts/bootstrap-select/css/bootstrap-select.min.css" />
    <script src="Content/js/jquery.js"></script>
    <script src="Scripts/jquery.query.js?v=1.0"></script>
    <script src="Content/js/bootstrap.js"></script>
    <script src="Scripts/jquery.tmpl.js"></script>
    <script src="Scripts/jquery.cookie.js"></script>
    <script src="Scripts/layer-v3.0/layer.js"></script>
    <script src="Scripts/mobiscroll/js/mobiscroll.custom-2.17.1.js"></script>
    <script src="Scripts/iscroll-master/build/iscroll.js"></script>
    <script src="Scripts/drag.js"></script>
    <script src="Scripts/base.js"></script>
    <script src="Scripts/common.js"></script>
   <script src="Scripts/lang/en.js"></script>
    <script src="Scripts/bootstrap-select/js/bootstrap-select.min.js"></script>
    <script src="Scripts/promise.js"></script>
    <link rel="stylesheet" href="Content/flow/css/Design.css">
    <script src="Content/Resources/WmpComplex.js"></script>
    <script src="Content/Resources/jroll.js"></script>

</head>
<body>

    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="wbox-content-right query-area menuInfo">

                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12  border-title toolbars">
                        <!--                    <a class="navbar-minimalize viewAprRecord1" href="javascript:;" style="color:#267BBE">-->
                        <!--                        <i class="fa fa-bars"></i>-->
                        <!--                    </a> -->
                        <div class="btn-group">
                            <button type="button" class="btn btn-default Save Edit" id="btnSave">
                                <i class="fa fa-save"></i>
                                <span>保存</span>
                            </button>
                            <button type="button" class="btn btn-default Save Edit" id="btnSaveAs">
                                <i class="fa fa-save"></i> <span>另存为</span>
                            </button>
                            <button type="button" class="btn btn-default Save Edit" id="btnCheck">
                                <i class="glyphicon glyphicon-random"></i> <span>校验</span>
                            </button>
                            <button type="button" class="btn btn-default Save Edit" id="btnIssue">
                                <i class="glyphicon glyphicon-play"></i> <span>启动</span>
                            </button>
                            <button type="button" class="btn btn-default Save Edit" id="btnStop" style="display: none">
                                <i class="glyphicon glyphicon-off"></i> <span>停用</span>
                            </button>
                            <button class="btn btn-default" type="button" onclick="flowdataObj.Export()" id="butExport">
                                <i class="glyphicon-share glyphicon"></i>
                                <span>导出</span>
                            </button>
                            <button class="btn btn-default" type="button" onclick="flowdataObj.Import()" id="butImport">
                                <i class="glyphicon-share glyphicon"></i>
                                <span>导入</span>
                            </button>
                            <input type="file" id="importFile" style="display: none" onchange="fileImport();">
                            <button class="btn btn-default" type="button" onclick="LeftSnap()">
                                <svg class="icon"
                                     style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
                                     viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2470">
                                    <path d="M153.6 102.4l51.2 0 0 819.2-51.2 0 0-819.2ZM256 204.8l409.6 0 0 256-409.6 0 0-256ZM819.2 563.2l0 204.8L307.2 768l0-204.8L819.2 563.2M870.4 512 256 512l0 307.2 614.4 0L870.4 512 870.4 512z"
                                          p-id="2471"></path>
                                </svg>
                                左对齐
                            </button>

                            <button class="btn btn-default" type="button" onclick="RightSnap()">
                                <svg class="icon"
                                     style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
                                     viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975">
                                    <path d="M819.2 102.4l51.2 0 0 819.2-51.2 0 0-819.2ZM358.4 204.8l409.6 0 0 256-409.6 0 0-256ZM716.8 563.2l0 204.8L204.8 768l0-204.8L716.8 563.2M768 512 153.6 512l0 307.2 614.4 0L768 512 768 512z"
                                          p-id="1976"></path>
                                </svg>
                                右对齐
                            </button>
                            <button class="btn btn-default" type="button" onclick="TopSnap()">
                                <svg class="icon"
                                     style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
                                     viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1986">
                                    <path d="M921.6 256 921.6 204.8 102.4 204.8l0 51.2L921.6 256zM819.2 716.8 819.2 307.2l-256 0 0 409.6L819.2 716.8zM460.8 358.4l0 512L256 870.4 256 358.4 460.8 358.4M512 307.2 204.8 307.2l0 614.4 307.2 0L512 307.2 512 307.2z"
                                          p-id="1987"></path>
                                </svg>
                                上对齐
                            </button>
                            <button class="btn btn-default" type="button" onclick="BottomSnap()">
                                <svg class="icon"
                                     style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
                                     viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1964">
                                    <path d="M896 800v48H128v-48h768zM848 368V752h-240V368h240zM464 224v480H272v-480h192m48-48H224V752H512V176z"
                                          p-id="1965"></path>
                                </svg>
                                下对齐
                            </button>

                            <button class="btn btn-default" type="button" onclick="flowdataObj.EditFrom()" id="butfromeidt">
                                <i class="fa fa-code"></i>
                                <span>表单设计</span>
                            </button>
                            <button class="btn btn-default" type="button" onclick="flowdataObj.LoadVariable()" id="butLoadVariable">
                                <i class="glyphicon glyphicon-repeat"></i>
                                <span>重新加载变量</span>
                            </button>
                            <button class="btn btn-default" type="button" id="butShowError" onclick="ShowErrorPlane()"
                                    style="display:none">
                                <i class="fa fa-code"></i>
                                <span>查看错误</span>
                            </button>
                            <input type="hidden" id="hidFromID" />
                        </div>

                        <!--                    <a class="navbar-minimalize viewAprRecord" href="javascript:;" style="color:#267BBE;display:block">-->
                        <!--                        <i class="fa fa-bars"></i>-->
                        <!--                    </a>-->
                    </div>

                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-right:0px;padding-left:0px">
                        <div id="DivFlowData" style="background: #FFFFFF url('Content/flow/images/cell-table.gif'); width: 100%;
                                            height:calc(100vh);overflow:auto ">

                            <svg id="svg1" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" style=" height:calc(100vh - 100px);">
                                <defs>
                                    <marker id="markerArrow" viewBox="0 0 6 6" refX="5" refY="3" markerUnits="strokeWidth"
                                            markerWidth="6" markerHeight="6" orient="auto">
                                        <path d="M 0 0 L 6 3 L 0 6 z" fill="#3892D3" stroke-width="0"></path>
                                    </marker>
                                    <marker id="selectmarker" viewBox="0 0 6 6" refX="5" refY="3" markerUnits="strokeWidth"
                                            markerWidth="6" markerHeight="6" orient="auto">
                                        <path d="M 0 0 L 6 3 L 0 6 z" fill="red" stroke-width="0"></path>
                                    </marker>

                                </defs>
                            </svg>
                            <div nodetype="Start" id="F_Start" caption=""
                                 style="position:absolute;z-index:103;left:125px;top:136px;width:38px;" stroked="f"
                                 strokecolor="#000000" strokeweight="1px" selected="false">
                                <table id="t_F_Start" cellspacing="0" cellpadding="0" width="100%" height="100%" border="0">
                                    <tbody>
                                        <tr height="38px">
                                            <td align="center" id="ImageF_Start" class="startnode">&nbsp;</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <span style="font-size :11px;" id="TextF_Start" align="center">发起</span>
                            </div>

                            <div nodetype="End" id="F_End" caption=""
                                 style="position:absolute;z-index:103;left:425px;top:236px;width:38px;" stroked="f"
                                 strokecolor="#000000" strokeweight="1px" selected="false">
                                <table id="t_F_End" cellspacing="0" cellpadding="0" width="100%" height="100%" border="0">
                                    <tbody>
                                        <tr height="38px">
                                            <td align="center" id="ImageF_End" class="endnode">&nbsp;</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <span style="font-size :11px" id="TextF_End" align="center"></span>
                            </div>

                        </div>
                        <div class="rightres-filter-wrap bg right-filter-show" id="resLeftFilterWrap">
                            <div class="tabs-container" style="" id="flowBaseInfo">
                                <div class="nav nav-tabs nav-tabs-title">
                                    <div class="col-lg-12  nav-tabs-btn">
                                        <a id="lik_info" data-toggle="tab" href="#tab-3" aria-expanded="true" class="tabbutton active">
                                            <i class="fa fa-info-circle"></i><span class="form_info_tab">基本信息</span>
                                        </a>
                                        <a id="lik_right" data-toggle="tab" href="#tab-4" aria-expanded="false" class="tabbutton">
                                            <i class="glyphicon glyphicon-cog"></i><span class="form_info_tab">表头配置</span>
                                        </a>
                                        <a id="lik_right" data-toggle="tab" href="#tab-5" aria-expanded="false" class="tabbutton">
                                            <i class="glyphicon glyphicon-cog"></i><span class="form_info_tab">邮件设置</span>
                                        </a>
                                        <a id="lik_right" data-toggle="tab" href="#tab-1" aria-expanded="false" class="tabbutton">
                                            <i class="fa fa-eye"></i><span class="form_info_tab">表单变量</span>
                                        </a>

                                    </div>

                                </div>
                                <div class="tab-content wbox-fix-panel" style="min-height:520px;">
                                    <div id="tab-3" class="tab-pane" style="display:block">

                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title ">
                                            <p class="title_fix_320 required">
                                                流程名称
                                            </p>
                                        </div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">

                                            <input id="txtFlowName" name="txtFlowName" type="text" v-model="FlowName" class="form-control"
                                                   maxlength="50">
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title ">
                                            <p class="title_fix_320 required">
                                                流程编码
                                            </p>
                                        </div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">

                                            <input id="txtFlowCode" name="txtFlowCode" type="text" v-model="FlowCode" class="form-control"
                                                   maxlength="20">
                                        </div>   <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title ">
                                            <p class="title_fix_320 required">
                                                流水号前缀
                                            </p>
                                        </div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">

                                            <input id="txtBusinessMoudle" name="txtBusinessMoudle" type="text" v-model="BusinessMoudle" class="form-control"
                                                   maxlength="50">
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title ">
                                            <p class="title_fix_320 required">
                                                流程表单
                                            </p>
                                        </div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">

                                            <div class="input-group" style="width:100%">
                                            <input type="text" class="form-control selector_text" disabled="disabled" placeholder="" v-model="fromname" @click="selectFrom">
                                            <span class="input-group-btn"><button type="button" class="btn btn-default selector_button" @click="selectFrom">
                                                <i class="fa fa-search"></i></button></span></div>
                                        </div>

                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title"><p class="title_fix_320">催办提醒</p></div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                            <div type="checkboxlist" title="催办提醒" id="rdlFIsEnabledAlert" name="rdlFIsEnabledAlert"
                                                 class="container-list-fix" fieldname="FIsEnabledAlert"
                                                 onchange="processView.changeEnabledAlert();">
                                                <a class="footable-ickeck checkbox-ickeck " v-bind:class="{checked:FIsEnabledAlert }"
                                                   @click="FIsEnabledAlert?FIsEnabledAlert=false:FIsEnabledAlert=true" value="1"
                                                   title="启用"><label></label></a>启用
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title"><p class="title_fix_320">消息提醒方式</p></div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content"
                                             style="vertical-align:middle;padding-right:0px;">
                                            <div type="checkboxlist" title="消息提醒方式" id="chk_FMessageType" class="container-list-fix">
                                                <a class="footable-ickeck checkbox-ickeck "
                                                   v-bind:class="{checked:FMessageType.indexOf('email')>=0 }"
                                                   @click="FMessageType.indexOf('email')>=0?FMessageType=FMessageType.replace('email','').replace(';;',';'):FMessageType=FMessageType+'email;'"
                                                   title="邮件"><label></label></a>邮件&nbsp;&nbsp;
                                                <a class="footable-ickeck checkbox-ickeck"
                                                   v-bind:class="{checked:FMessageType.indexOf('rtx')>=0 }"
                                                   @click="FMessageType.indexOf('rtx')>=0?FMessageType=FMessageType.replace('rtx','').replace(';;',';'):FMessageType=FMessageType+'rtx;'"
                                                   title="RTX"><label></label></a>RTX&nbsp;&nbsp;
                                                <a class="footable-ickeck checkbox-ickeck "
                                                   v-bind:class="{checked:FMessageType.indexOf('todo')>=0 }"
                                                   @click="FMessageType.indexOf('todo')>=0?FMessageType=FMessageType.replace('todo','').replace(';;',';'):FMessageType=FMessageType+'todo;'"
                                                   title="待办"><label></label></a>待办&nbsp;&nbsp;

                                            </div>
                                        </div>

                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title"><p class="title_fix_320">流程可发起人</p></div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                            <div class="input-group" style="width:100%">
                                                <input type="text" class="form-control selector_text" disabled="disabled" placeholder="" v-model="FStartPersonName"  @click="selectStartPerson">
                                                <input type="hidden" v-model="FStartPerson">
                                                <span class="input-group-btn"><button type="button" class="btn btn-default selector_button"  @click="selectStartPerson">
                                                    <i class="fa fa-search"></i></button></span></div>
                                        </div>

                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title"><p class="title_fix_320">流程可阅人</p></div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                            <div class="input-group" style="width:100%">
                                                <input type="text" class="form-control selector_text" disabled="disabled" placeholder="" v-model="FReadPersonName" @click="selectReadPerson">
                                                <input type="hidden" v-model="FReadPerson">
                                                <span class="input-group-btn"><button type="button" class="btn btn-default selector_button" @click="selectReadPerson">
                                                    <i class="fa fa-search"></i></button></span></div>

                                        </div>

                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title"><p class="title_fix_320">结束通知申请人</p></div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                            <div type="checkboxlist" title="结束通知申请人" id="rdl_FIsAlertStarter" class="container-list-fix"
                                                 fieldname="FIsAlertStarter">
                                                <a class="footable-ickeck checkbox-ickeck " v-bind:class="{checked:FIsAlertStarter }"
                                                   @click="FIsAlertStarter?FIsAlertStarter=false:FIsAlertStarter=true" value="1"
                                                   title="启用"><label></label></a>启用
                                            </div>
                                        </div>

                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title"><p class="title_fix_320">可复制草稿</p></div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                            <div type="checkboxlist" title="可复制草稿" id="rdl_FIsCopyStart" class="container-list-fix"
                                                 fieldname="FIsCopyStart">
                                                <a class="footable-ickeck checkbox-ickeck" v-bind:class="{checked:FIsCopyStart }"
                                                   @click="FIsCopyStart?FIsCopyStart=false:FIsCopyStart=true" value="1"
                                                   title="启用"><label></label></a>启用
                                            </div>
                                        </div>
                                        <div class="border-mult">
                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title">
                                                <p class="title_fix_320">流程描述</p>
                                            </div>
                                            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                                <textarea id="txt_FRemark" class="form-control multy_textarea" placeholder=""
                                                          v-model="FRemark"></textarea>
                                            </div>
                                        </div>

                                    </div>
                                    <div id="tab-4" class="tab-pane" style="display:none">
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title"><p class="title_fix_320">主题</p></div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                            <div class="input-group">
                                                <input type="text" class="form-control" value="主题" selecttype="Header_formSubTitle"> <span class="input-group-btn" style="padding-left:5px;" type="checkboxlist">
                                                    <a class="footable-ickeck checkbox-ickeck  disabled "
                                                       v-bind:class="{checked:Head.Header_formSubTitle }" value="1" title="启用"><label></label></a>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title"><p class="title_fix_320">编号</p></div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                            <div class="input-group">
                                                <input type="text" class="form-control" value="编号" selecttype="Header_formNumber">
                                                <span class="input-group-btn" style="padding-left:5px;" type="checkboxlist">
                                                    <a class="footable-ickeck checkbox-ickeck  disabled "
                                                       v-bind:class="{checked:Head.Header_formNumber }" value="1"
                                                       title="启用"><label></label></a>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title"><p class="title_fix_320">创建人</p></div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                            <div class="input-group">
                                                <input type="text" class="form-control" value="创建人" selecttype="Header_CreateUserName">
                                                <span class="input-group-btn" style="padding-left:5px;" type="checkboxlist">
                                                    <a class="footable-ickeck checkbox-ickeck  disabled "
                                                       v-bind:class="{checked:Head.Header_CreateUserName }" value="1"
                                                       title="启用"><label></label></a>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title"><p class="title_fix_320">创建人部门</p></div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                            <div class="input-group">
                                                <input type="text" class="form-control" value="创建人部门" selecttype="Header_CreateDepName">
                                                <span class="input-group-btn" style="padding-left:5px;" type="checkboxlist">
                                                    <a class="footable-ickeck checkbox-ickeck  disabled "
                                                       v-bind:class="{checked:Head.Header_CreateDepName }" value="1" title="启用"><label></label></a>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title"><p class="title_fix_320">单据状态</p></div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                            <div class="input-group">
                                                <input type="text" class="form-control" value="单据状态" selecttype="Header_Document_Status">
                                                <span class="input-group-btn" style="padding-left:5px;" type="checkboxlist">
                                                    <a class="footable-ickeck checkbox-ickeck  disabled "
                                                       v-bind:class="{checked:Head.Header_Document_Status }" value="1"
                                                       title="启用"><label></label></a>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title"><p class="title_fix_320">申请人</p></div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                            <div class="input-group">
                                                <input type="text" class="form-control" value="申请人" selecttype="Header_applicantUserShow">
                                                <span class="input-group-btn" style="padding-left:5px;" type="checkboxlist">
                                                    <a class="footable-ickeck checkbox-ickeck  disabled "
                                                       v-bind:class="{checked:Head.Header_applicantUserShow }" value="1"
                                                       title="启用"><label></label></a>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title"><p class="title_fix_320">申请人部门</p></div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                            <div class="input-group">
                                                <input type="text" class="form-control" value="申请人部门" selecttype="Header_applicantUser_DepName">
                                                <span class="input-group-btn" style="padding-left:5px;" type="checkboxlist">
                                                    <a class="footable-ickeck checkbox-ickeck  disabled "
                                                       v-bind:class="{checked:Head.Header_applicantUser_DepName }" value="1"
                                                       title="启用"><label></label></a>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title"><p class="title_fix_320">提交日期</p></div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                            <div class="input-group">
                                                <input type="text" class="form-control" value="提交日期" selecttype="Header_CreateDate">
                                                <span class="input-group-btn" style="padding-left:5px;" type="checkboxlist">
                                                    <a class="footable-ickeck checkbox-ickeck  disabled"
                                                       v-bind:class="{checked:Head.Header_CreateDate }" value="1"
                                                       title="启用"><label></label></a>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title"><p class="title_fix_320">申请人工号</p></div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                            <div class="input-group">
                                                <input type="text" class="form-control" value="申请人工号" selecttype="Header_applicantUserIDShow">
                                                <span class="input-group-btn" style="padding-left:5px;" type="checkboxlist">
                                                    <a class="footable-ickeck checkbox-ickeck "
                                                       @click="Head.Header_applicantUserIDShow?Head.Header_applicantUserIDShow=false:Head.Header_applicantUserIDShow=true"
                                                       v-bind:class="{checked:Head.Header_applicantUserIDShow }" value="1"
                                                       title="启用"><label></label></a>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title"><p class="title_fix_320">申请人邮箱</p></div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                            <div class="input-group">
                                                <input type="text" class="form-control" value="申请人邮箱" selecttype="Header_applicantUser_EMail">
                                                <span class="input-group-btn" style="padding-left:5px;" type="checkboxlist">
                                                    <a class="footable-ickeck checkbox-ickeck"
                                                       @click="Head.Header_applicantUser_EMail?Head.Header_applicantUser_EMail=false:Head.Header_applicantUser_EMail=true"
                                                       v-bind:class="{checked:Head.Header_applicantUser_EMail }" value="1"
                                                       title="启用"><label></label></a>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title"><p class="title_fix_320">申请人电话</p></div>
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                            <div class="input-group">
                                                <input type="text" class="form-control" value="申请人电话" selecttype="Header_applicantUser_Phone">
                                                <span class="input-group-btn" style="padding-left:5px;" type="checkboxlist">
                                                    <a class="footable-ickeck checkbox-ickeck"
                                                       @click="Head.Header_applicantUser_Phone?Head.Header_applicantUser_Phone=false:Head.Header_applicantUser_Phone=true"
                                                       v-bind:class="{checked:Head.Header_applicantUser_Phone }" value="1"
                                                       title="启用"><label></label></a>
                                                </span>
                                            </div>
                                        </div>

                                    </div>
                                    <div id="tab-5" class="tab-pane " style="display:none">
                                        <div class="detail-button" style="margin-top: 3px;margin-left: 3px;">
                                            <button type="button" class="btn btn-default Add"
                                                    @click="EmailConfig.push({EmailTypeName:'',EmailType:-1,EmailName:'',EmailID:''})">
                                                <i class="fa fa-plus"></i>添加
                                            </button>
                                        </div>
                                        <table class="footable table table-bordered" data-type="table" data-sidx="ID" data-sord="desc"
                                               style="margin-top: 3px;">
                                            <thead>
                                                <tr>
                                                    <th class="footable-sortable" style="width:60px;">操作</th>
                                                    <th class="footable-sortable " style="width:100px;">邮件类型</th>
                                                    <th class="footable-sortable ">邮件模板</th>
                                                </tr>
                                            </thead>
                                            <tbody>

                                                <tr class="footable-even" style="display: table-row;" v-for="(item,index) in EmailConfig">
                                                    <td align="center" rowindex="{index}">
                                                        <a class="Delete" style="margin-left: 3px;" @click="EmailConfig.remove(item)">删除</a>
                                                    </td>
                                                    <td align="center">
                                                        <div class="btn-group bootstrap-select form-control">
                                                            <button type="button" class="btn dropdown-toggle bs-placeholder btn-default"
                                                                    data-toggle="dropdown" role="button" title="邮件类型">
                                                                <span class="filter-option pull-left"
                                                                      style="color:black">{{item.EmailTypeName}}</span>&nbsp;<span class="bs-caret">
                                                                    <span class="caret"></span>
                                                                </span>
                                                            </button>
                                                            <div class="dropdown-menu open" role="combobox">
                                                                <ul class="dropdown-menu inner" role="listbox" aria-expanded="false">
                                                                    <li data-original-index="1" @click="item.EmailTypeName='流程待办';item.EmailType=1">
                                                                        <a tabindex="0" class="" data-tokens="null" role="option"
                                                                           aria-disabled="false" aria-selected="false">
                                                                            <span class="text">流程待办</span>
                                                                            <span class="glyphicon glyphicon-ok check-mark"></span>
                                                                        </a>
                                                                    </li>
                                                                    <li data-original-index="1" @click="item.EmailTypeName='废弃';item.EmailType=2">
                                                                        <a tabindex="0" class="" data-tokens="null" role="option"
                                                                           aria-disabled="false" aria-selected="false">
                                                                            <span class="text">废弃</span>
                                                                            <span class="glyphicon glyphicon-ok check-mark"></span>
                                                                        </a>
                                                                    </li>
                                                                    <li data-original-index="1" @click="item.EmailTypeName='抄送';item.EmailType=3">
                                                                        <a tabindex="0" class="" data-tokens="null" role="option"
                                                                           aria-disabled="false" aria-selected="false">
                                                                            <span class="text">抄送</span>
                                                                            <span class="glyphicon glyphicon-ok check-mark"></span>
                                                                        </a>
                                                                    </li>
                                                                    <li data-original-index="1" @click="item.EmailTypeName='驳回';item.EmailType=4">
                                                                        <a tabindex="0" class="" data-tokens="null" role="option"
                                                                           aria-disabled="false" aria-selected="false">
                                                                            <span class="text">驳回</span>
                                                                            <span class="glyphicon glyphicon-ok check-mark"></span>
                                                                        </a>
                                                                    </li>
                                                                    <li data-original-index="1" @click="item.EmailTypeName='催办邮件';item.EmailType=5">
                                                                        <a tabindex="0" class="" data-tokens="null" role="option"
                                                                           aria-disabled="false" aria-selected="false">
                                                                            <span class="text">催办邮件</span>
                                                                            <span class="glyphicon glyphicon-ok check-mark"></span>
                                                                        </a>
                                                                    </li>
                                                                    <li data-original-index="1" @click="item.EmailTypeName='回复沟通';item.EmailType=6">
                                                                        <a tabindex="0" class="" data-tokens="null" role="option"
                                                                           aria-disabled="false" aria-selected="false">
                                                                            <span class="text">回复沟通</span>
                                                                            <span class="glyphicon glyphicon-ok check-mark"></span>
                                                                        </a>
                                                                    </li>
                                                                    <li data-original-index="1" @click="item.EmailTypeName='发起沟通';item.EmailType=7">
                                                                        <a tabindex="0" class="" data-tokens="null" role="option"
                                                                           aria-disabled="false" aria-selected="false">
                                                                            <span class="text">发起沟通</span>
                                                                            <span class="glyphicon glyphicon-ok check-mark"></span>
                                                                        </a>
                                                                    </li>
                                                                    <li data-original-index="1"
                                                                        @click="item.EmailTypeName='撤销、废弃、通知待办待阅';item.EmailType=8">
                                                                        <a tabindex="0" class="" data-tokens="null" role="option"
                                                                           aria-disabled="false" aria-selected="false">
                                                                            <span class="text">撤销、废弃、通知待办待阅</span>
                                                                            <span class="glyphicon glyphicon-ok check-mark"></span>
                                                                        </a>
                                                                    </li>
                                                                    <li data-original-index="1" @click="item.EmailTypeName='流程结束';item.EmailType=9">
                                                                        <a tabindex="0" class="" data-tokens="null" role="option"
                                                                           aria-disabled="false" aria-selected="false">
                                                                            <span class="text">流程结束</span>
                                                                            <span class="glyphicon glyphicon-ok check-mark"></span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td align="center">
                                                        <div class="input-group">
                                                            <input type="text" id="txtf60sacs2e2s" class="form-control" title="选择控件"
                                                                   readonly="readonly">
                                                            <span class="input-group-btn">
                                                                <button class="btn btn-default selector_button"
                                                                        type="button">
                                                                    <i class="fa fa-search"></i>
                                                                </button>
                                                            </span>
                                                        </div>
                                                    </td>

                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div id="tab-1" class="tab-pane" style="display:none">
                                        <div class="wbox-fix">
                                            <div class="wbox detail">
                                                <div class="detail-table-responsive">
                                                    <div class="detail-content" id="DataSourceList">

                                                        <!--明细区域 数据源-->
                                                        <div class="detail-table">
                                                            <div class="gridtable_scoll">
                                                                <div class="scroll_wrapper" id="DataSourceList_table_scroller">
                                                                    <div class="scroll_scroller">

                                                                        <table class="footable table table-bordered" data-type="table"
                                                                               data-sidx="ID" data-sord="desc">
                                                                            <thead>
                                                                                <tr>
                                                                                    <th class="footable-sortable ">变量名称</th>
                                                                                    <th class="footable-sortable ">变量ID</th>
                                                                                </tr>
                                                                            </thead>
                                                                            <tbody>

                                                                                <tr class="footable-even" v-for="(item,index) in VariableList"
                                                                                    style="display: table-row;">
                                                                                    <td align="center">{{item.title}}</td>
                                                                                    <td align="center">{{item.name}}</td>
                                                                                </tr>

                                                                            </tbody>
                                                                        </table>

                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!--明细区域 数据源-->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>

                                </div>
                            </div>
                            <div class="tabs-container" style="display:none" id="flowNodeInfo">

                            </div>

                            <div class="tab-content wbox-fix-panel" id="cheackErrorMsg" style="display: none">
                                <div class="ibox-content">

                                </div>
                            </div>
                            <script id="errorMsg-tmpl" type="text/x-jquery-tmpl">
                                {{each rows}}
                                <p class="text-danger">${$index+1}、${$value}</p>
                                {{/each}}

                            </script>
                        </div>

                        <div id="flowNode-tmpl-tfs" class="hide">
                            <div class="nav nav-tabs nav-tabs-title">
                                <div class="col-lg-12 nav-tabs-btn">
                                    <a id="lik_info" data-toggle="tab" href="#tab-3" aria-expanded="true" class="tabbutton active">
                                        <i class="fa fa-info-circle"></i><span class="form_info_tab">节点信息</span>
                                    </a>
                                    <a id="lik_routing" data-toggle="tab" href="#tab-4" aria-expanded="false" class="tabbutton">
                                        <i class="glyphicon glyphicon-cog"></i><span class="form_info_tab">路由配置</span>
                                    </a>
                                    <a id="lik_right" data-toggle="tab" href="#tab-5" aria-expanded="false" class="tabbutton">
                                        <i class="glyphicon glyphicon-cog"></i><span class="form_info_tab">操作权限</span>
                                    </a>

                                    <a id="lik_right" data-toggle="tab" href="#tab-1" aria-expanded="false" class="tabbutton">
                                        <i class="fa fa-eye"></i><span class="form_info_tab">节点权限</span>
                                    </a>

                                </div>

                            </div>
                            <div class="tab-content wbox-fix-panel" style="min-height:520px;">
                                <div id="tab-3" class="tab-pane" style="display:block">
                                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title">
                                        <p class="title_fix_320">节点显示名称</p>
                                    </div>
                                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                        <input name="txt_FNodeName" id="txt_FNodeName" type="text" class="form-control" maxlength="50"
                                               v-model="node.FNodeName">
                                        <input name="txt_FNodeId" id="txt_FNodeId" type="hidden" class="form-control" maxlength="50"
                                               v-model="node.FActChartID" placeholder="node_3">
                                    </div>

                                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title" v-if="node.FActChartID!='F_Start'">
                                        <p class="title_fix_320">邮件通知</p>
                                    </div>
                                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content" v-if="node.FActChartID!='F_Start'">
                                        <div type="checkboxlist" title="邮件通知" class="container-list-fix" fieldname="node.FIsSendEmail">
                                            <a class="footable-ickeck checkbox-ickeck " v-bind:class="{checked:node.FIsEmail }"
                                               @click="node.FIsEmail=!node.FIsEmail" value="1" title="启用">
                                                <label></label>
                                            </a>启用
                                        </div>

                                    </div>

                                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title" v-if="node.FActChartID!='F_Start'">
                                        <p class="title_fix_320">驳回历史</p>
                                    </div>
                                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content" v-if="node.FActChartID!='F_Start'">
                                        <div type="checkboxlist" title="驳回历史" class="container-list-fix">
                                            <a class="footable-ickeck checkbox-ickeck" value="1" v-bind:class="{checked:node.FIsRejectHistory }"
                                               @click="node.FIsRejectHistory=!node.FIsRejectHistory" title="启用">
                                                <label></label>
                                            </a>启用
                                        </div>
                                    </div>

                                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title" v-if="node.FActChartID!='F_Start'">
                                        <p class="title_fix_320">驳回邮件通知</p>
                                    </div>
                                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content" v-if="node.FActChartID!='F_Start'">
                                        <div type="checkboxlist" title="驳回邮件通知" class="container-list-fix">
                                            <a class="footable-ickeck checkbox-ickeck " v-bind:class="{checked:node.FIsRejectEmail }"
                                               @click="node.FIsRejectEmail=!node.FIsRejectEmail" value="1" title="启用">
                                                <label></label>
                                            </a>启用
                                        </div>
                                    </div>

                                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title" style="display:none;"
                                         v-if="node.FActChartID!='F_Start'">
                                        <p class="title_fix_320">抄送对象</p>
                                    </div>
                                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content" style="display:none;"
                                         v-if="node.FActChartID!='F_Start'">

                                    </div>
                                    <div class="noStartVisible" v-if="node.FActChartID!='F_Start'">
                                        <div class="noResubmitVisible">
                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title">
                                                <p class="title_fix_320">连续自动跳过</p>
                                            </div>
                                            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                                <div type="checkboxlist" title="自动跳过" class="container-list-fix" fieldname="FSkip">
                                                    <a class="footable-ickeck checkbox-ickeck" v-bind:class="{checked:node.FIsContinuousBy }"
                                                       @click="node.FIsContinuousBy=!node.FIsContinuousBy" value="1" title="启用">
                                                        <label></label>
                                                    </a>启用
                                                </div>
                                            </div>

                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title">
                                                <p class="title_fix_320">非连续自动跳过</p>
                                            </div>
                                            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                                <div type="checkboxlist" title="连续自动跳过" class="container-list-fix">
                                                    <a class="footable-ickeck checkbox-ickeck" v-bind:class="{checked:node.FIsNotContinuousBy}"
                                                       @click="node.FIsNotContinuousBy=!node.FIsNotContinuousBy" value="1" title="启用">
                                                        <label></label>
                                                    </a>启用
                                                </div>
                                            </div>
                                        </div>
                                        <div class="div_EnabledAlert" style="display: none;">
                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title">
                                                <p class="title_fix_320" style="line-height:21px;">催办提醒(到达本节点后)</p>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 border-content" style="padding-right:3px">
                                                <input name="txt_FAlertDays" type="text" class="form-control number" maxlength="3"
                                                       fieldname="FAlertDays" v-model="node.FAlertDays">
                                            </div>
                                            <div class="col-lg-2 col-md-2 col-sm-4 col-xs-4 border-content"
                                                 style="border-left:0px none;padding:0px;">
                                                个工作日
                                            </div>

                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title">
                                                <p class="title_fix_320">催办频率</p>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 border-content" style="padding-right:3px">
                                                <input name="txt_FAlertFrequency" type="text" class="form-control number" maxlength="3"
                                                       fieldname="FAlertFrequency" v-model="node.FAlertFrequency">
                                            </div>
                                            <div class="col-lg-2 col-md-2 col-sm-4 col-xs-4 border-content"
                                                 style="border-left:0px none;padding:0px;">
                                                天/次
                                            </div>
                                        </div>

                                        <div class="border-top">
                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title ">
                                                <p class="title_fix_320 required">处理方式</p>
                                            </div>
                                            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                                <div class="btn-group bootstrap-select form-control">
                                                    <button type="button" class="btn dropdown-toggle bs-placeholder btn-default"
                                                            data-toggle="dropdown" role="button" title="处理方式">
                                                        <span class="filter-option pull-left"
                                                              style="color:black">{{node.FHandleTypeName}}</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span>
                                                    </button>
                                                    <div class="dropdown-menu open" role="combobox">
                                                        <ul class="dropdown-menu inner" role="listbox" aria-expanded="false">
                                                            <li data-original-index="1"
                                                                @click="node.FHandleTypeName='节点审批处理';node.FHandleType='1'">
                                                                <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false"
                                                                   aria-selected="false">
                                                                    <span class="text">节点审批处理</span>
                                                                    <span class="glyphicon glyphicon-ok check-mark"></span>
                                                                </a>
                                                            </li>
                                                            <li data-original-index="2"
                                                                @click="node.FHandleTypeName='节点会签处理';node.FHandleType='2'">
                                                                <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false"
                                                                   aria-selected="false">
                                                                    <span class="text">节点会签处理</span>
                                                                    <span class="glyphicon glyphicon-ok check-mark"></span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>

                                                </div>

                                            </div>
                                            <div class="div_CounterSign" v-bind:class="{hide:node.FHandleType!='2' }">
                                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title ">
                                                    <p class="title_fix_320 required">会签方式</p>
                                                </div>
                                                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                                    <div type="radioboxlist" title="会签方式" name="rdl_FCounterSignType"
                                                         class="container-list-fix">
                                                        <a class="footable-iradio checkbox-ickeck "
                                                           v-bind:class="{checked:node.FCounterSignType=='1' }"
                                                           @click="node.FCounterSignType='1'" title="并行会签">
                                                            <label></label>
                                                        </a>并行会签&nbsp;&nbsp;
                                                        <a class="footable-iradio checkbox-ickeck"
                                                           v-bind:class="{checked:node.FCounterSignType=='2' }"
                                                           @click="node.FCounterSignType='2'" title="串行会签"><label></label></a>串行会签&nbsp;&nbsp;
                                                    </div>

                                                </div>

                                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title ">
                                                    <p class="title_fix_320 required">会签规则</p>
                                                </div>
                                                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                                    <div class="btn-group bootstrap-select form-control">
                                                        <button type="button" class="btn dropdown-toggle bs-placeholder btn-default"
                                                                data-toggle="dropdown" role="button" title="会签规则">
                                                            <span class="filter-option pull-left" style="color:black">{{node.FHandleCountersignTypeName}}</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span>
                                                        </button>
                                                        <div class="dropdown-menu open" role="combobox">
                                                            <ul class="dropdown-menu inner" role="listbox" aria-expanded="false">
                                                                <li data-original-index="1"
                                                                    @click="node.FHandleCountersignTypeName='所有审批通过';node.FHandleCountersignType='1'">
                                                                    <a tabindex="0" class="" data-tokens="null" role="option"
                                                                       aria-disabled="false" aria-selected="false">
                                                                        <span class="text">所有审批通过</span>
                                                                        <span class="glyphicon glyphicon-ok check-mark"></span>
                                                                    </a>
                                                                </li>
                                                                <li data-original-index="2"
                                                                    @click="node.FHandleCountersignTypeName='多数审批通过';node.FHandleCountersignType='2'">
                                                                    <a tabindex="0" class="" data-tokens="null" role="option"
                                                                       aria-disabled="false" aria-selected="false">
                                                                        <span class="text">多数审批通过</span><span class="glyphicon glyphicon-ok check-mark"></span>
                                                                    </a>
                                                                </li>
                                                                <li data-original-index="3"
                                                                    @click="node.FHandleCountersignTypeName='任意一个审批通过';node.FHandleCountersignType='3'">
                                                                    <a tabindex="0" class="" data-tokens="null" role="option"
                                                                       aria-disabled="false" aria-selected="false">
                                                                        <span class="text">任意一个审批通过</span>
                                                                        <span class="glyphicon glyphicon-ok check-mark"></span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title ">
                                                <p class="title_fix_320 required">审批对象类型</p>
                                            </div>
                                            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                                <div type="radioboxlist" title="审批对象类型" name="rdl_FApproveObjType" class="container-list-fix"
                                                     fieldname="FApproveObjType">
                                                    <a class="footable-iradio checkbox-ickeck "
                                                       v-bind:class="{checked:node.FApprovalType=='1' }" @click="node.FApprovalType='1';node.FApproverName=''"
                                                       value="1" title="固定角色">
                                                        <label></label>
                                                    </a>固定角色
                                                    <a class="footable-iradio checkbox-ickeck" v-bind:class="{checked:node.FApprovalType=='2' }"
                                                       @click="node.FApprovalType='2';node.FApproverName=''" value="2" title="业务ID">
                                                        <label></label>
                                                    </a>业务ID
                                                </div>
                                            </div>
                                            <div class="div_SingleApproval" v-bind:class="{hide:node.FApprovalType!='1' }">
                                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title ">
                                                    <p class="title_fix_320 required">审批对象</p>
                                                </div>
                                                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                                    <div class="input-group" style="width:100%">
                                                        <input type="text" class="form-control selector_text" disabled="disabled" placeholder="" v-model="node.FApproverName" @click="selectApprover">
                                                        <input type="hidden"  v-model="node.FApprover">
                                                        <input type="hidden"  v-model="node.FApprovalType">
                                                        <span class="input-group-btn"><button type="button" class="btn btn-default selector_button" @click="selectApprover">
                                                            <i class="fa fa-search"></i></button></span></div>
                                                </div>
                                            </div>
                                            <div class="div_JointlyApproval" style="display:none;">
                                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title required">
                                                    <p class="title_fix_320">会签人员</p>
                                                </div>
                                                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                                    <div name="div_JointlyApprovalObj" class="complex" fieldname="JointlyApprovalObj">
                                                        <div class="input-group">
                                                            <input type="text" class="form-control" disabled="disabled">
                                                            <span class="input-group-btn">
                                                                <button type="button" class="btn btn-default">
                                                                    <i class="glyphicon glyphicon-search"></i>
                                                                </button>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="div_FTraceUp" style="display: none;">
                                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title">
                                                    <p class="title_fix_320">自动追溯</p>
                                                </div>
                                                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                                    <div type="checkboxlist" title="自动追溯" id="rdl_FTraceUp" class="container-list-fix"
                                                         fieldname="FTraceUp">
                                                        <a class="footable-ickeck checkbox-ickeck" value="1" title="启用">
                                                            <label></label>
                                                        </a>启用
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="div_FormApproval " v-bind:class="{hide:node.FApprovalType!='2' }">
                                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title ">
                                                    <p class="title_fix_320 required">业务ID</p>
                                                </div>
                                                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content">
                                                    <div class="btn-group bootstrap-select form-control">
                                                        <button type="button" class="btn dropdown-toggle bs-placeholder btn-default"
                                                                data-toggle="dropdown" role="button" title="业务ID">
                                                            <span class="filter-option pull-left"
                                                                  style="color:black">{{node.FApproverName}}</span>&nbsp;<span class="bs-caret">
                                                                <span class="caret"></span>
                                                            </span>
                                                        </button>
                                                        <div class="dropdown-menu open" role="combobox">
                                                            <ul class="dropdown-menu inner" role="listbox" aria-expanded="false"
                                                                style="max-height:200px;overflow-y:auto">
                                                                <li data-original-index="1"
                                                                    v-for="(item,index) in flowdataObj.Data.VariableList"
                                                                    style="max-height:200px;overflow-y:auto"
                                                                    @click="node.FApproverName=item.title;node.FApprover=item.name">
                                                                    <a tabindex="0" class="" data-tokens="null" role="option"
                                                                       aria-disabled="false" aria-selected="false">
                                                                        <span class="text">{{item.title}}({{item.name}})</span>
                                                                        <span class="glyphicon glyphicon-ok check-mark"></span>
                                                                    </a>
                                                                </li>

                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>

                                    </div>

                                </div>
                                <div id="tab-5" class="tab-pane " style="display:none">
                                    <div class="tabs-container">
                                        <div class="nav nav-tabs nav-tabs-title">
                                            <div class="col-lg-12 nav-tabs-btn">
                                                <a id="lik_info" data-toggle="tab" href="#tabOperate" aria-expanded="true"
                                                   class="tabbutton active">
                                                    <i class="fa fa-info-circle"></i><span class="form_info_tab">操作权限</span>
                                                </a>
                                                <a id="lik_right" data-toggle="tab" href="#tabAttachment" aria-expanded="false"
                                                   class="tabbutton">
                                                    <i class="glyphicon glyphicon-cog"></i><span class="form_info_tab">附件权限</span>
                                                </a>

                                            </div>
                                        </div>
                                        <div class="tab-content wbox-fix-panel ">

                                            <div id="tabOperate" class="tab-pane " style="display:block">
                                                <table class="footable table table-bordered btn-Permissions"
                                                       ctype="操作权限,6e621520-f593-4e62-a6ed-40af13cb4b6e" cdata="{}" xtitle="操作权限"
                                                       style="display: table;">
                                                    <thead>
                                                        <tr>
                                                            <th style="width:57px;"></th>
                                                            <th style="width:80px">操作名称</th>
                                                            <th>显示名称</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr class="footable-even" v-for="(item,index) in node.OperatePermission">
                                                            <td>
                                                                <div type="checkboxlist" class="container-list-fix">
                                                                    <a class="footable-ickeck checkbox-ickeck"
                                                                       v-bind:class="{checked:item.IsVisible }"
                                                                       @click="item.IsVisible?item.IsVisible=false:item.IsVisible=true" value="1"
                                                                       title="是否显示">
                                                                        <label></label>
                                                                    </a>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                {{item.OperateName}}

                                                            </td>
                                                            <td>
                                                                <input type="text" class="form-control" v-model="item.OperateName">
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div id="tabAttachment" class="tab-pane " style="display:none">
                                                <table class="footable table table-bordered btn-Permissions"
                                                       ctype="附件操作权限,e114ab0a-8e96-4555-81cc-4bb10d87513f" cdata="{}" xtitle="附件操作权限">
                                                    <thead>
                                                        <tr>
                                                            <th style="width:57px;"></th>
                                                            <th style="width:80px">操作名称</th>

                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr class="footable-even" v-for="(item,index) in node.AttachmentPermission">
                                                            <td>
                                                                <div type="checkboxlist" class="container-list-fix">
                                                                    <a class="footable-ickeck checkbox-ickeck "
                                                                       v-bind:class="{checked:item.IsVisible }"
                                                                       @click="item.IsVisible?item.IsVisible=false:item.IsVisible=true">
                                                                        <label></label>
                                                                    </a>
                                                                </div>
                                                            </td>
                                                            <td> {{item.OperateName}}</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>

                                        </div>
                                    </div>

                                </div>
                                <div id="tab-1" class="tab-pane" style="display:none">

                                    <div class="wbox detail">
                                        <div class="detail-table-responsive">
                                            <div class="detail-content" id="DataSourceList">
                                                <div class="detail-button">
                                                    <button type="button" class="btn btn-default Add" id="DataSourceAdd">
                                                        <i class="fa fa-plus"></i>同步节点权限
                                                    </button>
                                                </div>
                                                <!--明细区域 数据源-->
                                                <div class="detail-table">
                                                    <div class="gridtable_scoll">
                                                        <div class="scroll_wrapper" id="DataSourceList_table_scroller">
                                                            <div class="scroll_scroller">
                                                                <div class="trhead">
                                                                    <div class="tdhead">变量名称</div>
                                                                    <div class="tdhead">
                                                                          <span class="input-group-btn"
                                                                                style="padding: 0 0px !important;"
                                                                                type="checkboxlist"
                                                                                @click="checkReadAll">
                                                                                    <a class="footable-ickeck checkbox-ickeck "
                                                                                       v-bind:class="{checked:checkRead }" value="1"
                                                                                       title="可阅"><label></label>可阅</a>
                                                                                </span>
                                                                    </div>
                                                                    <div class="tdhead">
                                                                          <span class="input-group-btn"
                                                                                style="padding: 0 0px !important;"
                                                                                type="checkboxlist"
                                                                                @click="checkWriteAll">
                                                                                    <a class="footable-ickeck checkbox-ickeck"
                                                                                       v-bind:class="{checked:checkWrite }" value="1"
                                                                                       title="可写"><label></label>可写</a>
                                                                                </span>
                                                                    </div>
                                                                    <div class="tdhead">
                                                                        <span class="input-group-btn"
                                                                              style="padding: 0 0px !important;"
                                                                              type="checkboxlist"
                                                                              @click="checkRequiredAll">
                                                                                    <a class="footable-ickeck checkbox-ickeck"
                                                                                       v-bind:class="{checked:checkRequired }" value="1"
                                                                                       title="必填"><label></label>必填</a>
                                                                                </span>
                                                                    </div>
                                                                    <div class="clearfloat"></div>
                                                                </div>
                                                                <div class="tr" v-for="item in flowdataObj.Data.FromControl" :key="item.name" v-bind:hh="item.name" >
                                                                    <div class="td">  <i class="glyphicon glyphicon-chevron-up" style="cursor:hand"
                                                                                         v-if='item.Children!=null&&item.Children.length>0'></i>{{ item.title }}</div>
                                                                    <div class="td">
                                                                        <div class="input-group">
                                                        <span class="input-group-btn" style="padding: 0 0px !important;"
                                                              type="checkboxlist"
                                                              @click="checkReadItem(node.DataPermission[item.name])"><a
                                                                class="footable-ickeck checkbox-ickeck"
                                                                v-bind:class="{checked:getControl(item.name,'').Read }"
                                                                value="1" title="启用"><label></label></a></span>
                                                                            <span class="input-group-btn" style="padding: 0 0px !important;"
                                                                                  type="checkboxlist" v-if="item.IsDetail"
                                                                                  @click="checkOperationItem(node.DataPermission[item.name])"><a
                                                                                    class="footable-ickeck checkbox-ickeck"
                                                                                    v-bind:class="{checked:getControl(item.name,'').IsOperation }"
                                                                                    value="1" title="隐藏操作">隐藏操作<label></label></a></span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="td">
                                                                        <div class="input-group">
                                                        <span class="input-group-btn" style="padding: 0 0px !important;"
                                                              type="checkboxlist"
                                                              @click="checkWriteItem(node.DataPermission[item.name])"><a
                                                                class="footable-ickeck checkbox-ickeck"
                                                                v-bind:class="{checked:getControl(item.name,'').Write }"
                                                                title="启用"><label></label></a></span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="td">   <div class="input-group">
                                                        <span class="input-group-btn" style="padding: 0 0px !important;"
                                                              type="checkboxlist"
                                                              @click="checkRequiredItem(node.DataPermission[item.name])"><a
                                                                class="footable-ickeck checkbox-ickeck"
                                                                v-bind:class="{checked:getControl(item.name,'').Required }"
                                                                value="1" title="启用"><label></label></a></span>
                                                                        <span class="input-group-btn" style="padding: 0 0px !important;"
                                                                              type="checkboxlist" v-if="item.IsDetail"
                                                                              @click="checkRowItem(node.DataPermission[item.name])"><a
                                                                                class="footable-ickeck checkbox-ickeck"
                                                                                v-bind:class="{checked:getControl(item.name,'').IsRow }"
                                                                                value="1" title="至少一行">至少一行<label></label></a></span>
                                                                    </div></div>
                                                                    <template  class="tr" v-for="childitem in item.Children"  >
                                                                        <childcontrl     :childitem="childitem" :key="childitem.name" :datapermission="node.DataPermission[item.name].Children[childitem.name]"></childcontrl>
                                                                    </template>
<!--                                                                    <template class="tr" v-else v-for="childitem in item.Children">-->
<!--                                                                        <childcontrl   :childitem="childitem" :key="childitem.name" :datapermission="node.DataPermission[item.name].Children[childitem.name]"></childcontrl>-->
<!--                                                                    </template>-->
                                                                    <div class="clearfloat"></div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--明细区域 数据源-->
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div id="tab-4" class="tab-pane" style="display:none">

                                    <div class="wbox detail">
                                        <div class="detail-table-responsive">
                                            <div class="detail-content" id="DataSourceList">
                                                <div class="detail-button">
                                                    <button type="button" class="btn btn-default Add" id="RoutingAdd"
                                                            @click="editRouting(undefined,node.FActChartID)">
                                                        <i class="fa fa-plus"></i>添加
                                                    </button>
                                                </div>
                                                <!--明细区域 数据源-->
                                                <div class="detail-table">
                                                    <div class="gridtable_scoll">
                                                        <div class="scroll_wrapper" id="DataSourceList_table_scroller">
                                                            <div class="scroll_scroller">

                                                                <table class="footable table table-bordered" data-type="table" data-sidx="ID"
                                                                       data-sord="desc">
                                                                    <thead>
                                                                        <tr>
                                                                            <th class="footable-sortable">操作</th>
                                                                            <th class="footable-sortable ">输出规则</th>
                                                                            <th class="footable-sortable ">流转节点</th>
                                                                            <th class="footable-sortable">位置</th>

                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        <tr class="footable-even" style="display: table-row;"
                                                                            v-for="(item,index) in node.Routing">
                                                                            <td align="center">
                                                                                <a class="Edit" style="margin-left: 3px;"
                                                                                   @click="editRouting(item,node.FActChartID)">修改</a><a class="Delete" style="margin-left: 3px;"
                                                                                                                                        @click="delRouting(item,node.FActChartID)">删除</a>
                                                                            </td>
                                                                            <td align="center">{{item.ruleName}}</td>
                                                                            <td align="center">{{item.nodeName}}</td>
                                                                            <td align="center">{{(index+1)}}</td>
                                                                        </tr>
                                                                    </tbody>
                                                                </table>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--明细区域 数据源-->
                                            </div>
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="editTemp" class="hide">
        <div class="layui-content" style="width: calc(100vw);height: calc(100vh);">
            <div class="wbox-fix">

                <iframe class="J_iframe" name="editFromTempiframe" id="editFromTempiframe"
                        style="width: calc(100vw);height: calc(98vh);" frameborder="0" seamless></iframe>
            </div>
        </div>
    </div>
    <div id="RoutingTemp" class="hide">
        <div class="layui-content">

            <div class="detail-button">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 border-title">
                    <p class="title_fix_320">流向节点</p>
                </div>
                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 border-content" style="padding-right:3px">
                    <div class="btn-group bootstrap-select form-control">
                        <button type="button" class="btn dropdown-toggle bs-placeholder btn-default" data-toggle="dropdown"
                                role="button" title="业务ID">
                            <span class="filter-option pull-left" style="color:black">{{nodeName}}</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span>
                        </button>
                        <div class="dropdown-menu open" role="combobox">
                            <ul class="dropdown-menu inner" role="listbox" aria-expanded="false"
                                style="max-height:200px;overflow-y:auto">
                                <li data-original-index="1" v-for="(value,key) in flowdataObj.SysParam.Node"
                                    @click="nodeID=key;nodeName=value" v-if="IsShow(key)">
                                    <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false"
                                       aria-selected="false">
                                        <span class="text">{{value}}</span>
                                        <span class="glyphicon glyphicon-ok check-mark"></span>
                                    </a>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 nav-tabs-link">
                <i class="fa fa-caret-square-o-right"></i>
                <span class="form_info ">输出规则</span>
            </div>

            <table class="footable table table-bordered" data-type="table" data-sidx="ID" data-sord="desc">
                <thead>
                    <tr>
                        <th class="footable-sortable" style="width:80px;">操作</th>
                        <th class="footable-sortable" style="width:20px;">序号</th>
                        <th class="footable-sortable " colspan="3">输出规则</th>

                        <th class="footable-sortable">输出描述</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="footable-even" style="display: table-row;" v-for="(routingitem,index) in routingList">
                        <td align="center">
                            <a class="Add" style="margin-left: 3px;" @click="addrouting">新增</a><a class="Delete" v-if="index!=0"
                                                                                                  @click="deleterouting(routingitem)"
                                                                                                  style="margin-left: 3px;">删除</a>
                        </td>
                        <td align="center"> {{(index+1)}}</td>
                        <td align="center">
                            <div class="btn-group bootstrap-select form-control">
                                <button type="button" class="btn dropdown-toggle bs-placeholder btn-default"
                                        data-toggle="dropdown" role="button" title="变量">
                                    <span class="filter-option pull-left"
                                          style="color:black">{{routingitem.variableName}}</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span>
                                </button>
                                <div class="dropdown-menu open" role="combobox">
                                    <ul class="dropdown-menu inner" role="listbox" aria-expanded="false"
                                        style="max-height:200px;overflow-y:auto">
                                        <li data-original-index="1" v-for="(item,index) in flowdataObj.Data.VariableList"
                                            @click="routingitem.variable=item.name;routingitem.variableName=item.title">
                                            <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false"
                                               aria-selected="false">
                                                <span class="text">{{item.title}}</span>
                                                <span class="glyphicon glyphicon-ok check-mark"></span>
                                            </a>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                        </td>
                        <td align="center" style="width:40px;">
                            <div class="btn-group bootstrap-select form-control">
                                <button type="button" class="btn dropdown-toggle bs-placeholder btn-default"
                                        data-toggle="dropdown" role="button" title="运算符">
                                    <span class="filter-option pull-left"
                                          style="color:black">{{routingitem.operatorName}}</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span>
                                </button>
                                <div class="dropdown-menu open" role="combobox">
                                    <ul class="dropdown-menu inner" role="listbox" aria-expanded="false">
                                        <li data-original-index="1"
                                            @click="routingitem.operator='=';routingitem.operatorName='等于'">
                                            <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false"
                                               aria-selected="false">
                                                <span class="text">等于</span>
                                                <span class="glyphicon glyphicon-ok check-mark"></span>
                                            </a>
                                        </li>
                                        <li data-original-index="1"
                                            @click="routingitem.operator='>=';routingitem.operatorName='大于等于'">
                                            <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false"
                                               aria-selected="false">
                                                <span class="text">大于等于</span>
                                                <span class="glyphicon glyphicon-ok check-mark"></span>
                                            </a>
                                        </li>
                                        <li data-original-index="1"
                                            @click="routingitem.operator='<=';routingitem.operatorName='小于等于'">
                                            <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false"
                                               aria-selected="false">
                                                <span class="text">小于等于</span>
                                                <span class="glyphicon glyphicon-ok check-mark"></span>
                                            </a>
                                        </li>
                                        <li data-original-index="1"
                                            @click="routingitem.operator='like';routingitem.operatorName='包含'">
                                            <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false"
                                               aria-selected="false">
                                                <span class="text">包含</span>
                                                <span class="glyphicon glyphicon-ok check-mark"></span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </td>
                        <td align="center">
                            <input type="text" class="form-control" maxlength="50" v-model="routingitem.value">
                        </td>
                        <td align="center">
                            <input type="text" class="form-control" maxlength="50"
                                   v-model="routingitem.description">
                        </td>
                    </tr>
                </tbody>
            </table>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 nav-tabs-link">
                <i class="fa fa-caret-square-o-right"></i>
                <span class="form_info ">表达式运算</span>
            </div>

            <table class="footable table table-bordered" data-type="table" data-sidx="ID" data-sord="desc">
                <thead>
                    <tr>
                        <th class="footable-sortable" style="width:80px;">操作</th>
                        <th class="footable-sortable" style="width:20px;">序号</th>
                        <th class="footable-sortable " colspan="4">表达式</th>

                    </tr>
                </thead>
                <tbody>
                    <tr class="footable-even" style="display: table-row;" v-for="(item,index) in expressionList">
                        <td align="center">
                            <a class="Add" style="margin-left: 3px;" @click="addexpression">新增</a><a @click="deleteexpression(item)" class="Delete" v-if="index!=0" style="margin-left: 3px;">删除</a>
                        </td>
                        <td align="center">
                            {{(index+1)}}
                        </td>
                        <td align="center" style="width:40px;">
                            <div class="btn-group bootstrap-select form-control" v-if="index!=0">
                                <button type="button" class="btn dropdown-toggle bs-placeholder btn-default"
                                        data-toggle="dropdown" role="button" title="运算符">
                                    <span class="filter-option pull-left"
                                          style="color:black">{{item.operator}}</span>&nbsp;<span class="bs-caret">
                                        <span class="caret"></span>
                                    </span>
                                </button>
                                <div class="dropdown-menu open" role="combobox">
                                    <ul class="dropdown-menu inner" role="listbox" aria-expanded="false">
                                        <li data-original-index="1" @click="item.operator='and';">
                                            <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false"
                                               aria-selected="false">
                                                <span class="text">and</span>
                                                <span class="glyphicon glyphicon-ok check-mark"></span>
                                            </a>
                                        </li>
                                        <li data-original-index="1" @click="item.operator='or';">
                                            <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false"
                                               aria-selected="false">
                                                <span class="text">or</span>
                                                <span class="glyphicon glyphicon-ok check-mark"></span>
                                            </a>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                        </td>
                        <td align="center">
                            <div class="btn-group bootstrap-select form-control">
                                <button type="button" class="btn dropdown-toggle bs-placeholder btn-default"
                                        data-toggle="dropdown" role="button" title="运算符">
                                    <span class="filter-option pull-left" style="color:black">{{item.Where}}</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span>
                                </button>
                                <div class="dropdown-menu open" role="combobox">
                                    <ul class="dropdown-menu inner" role="listbox" aria-expanded="false">
                                        <li data-original-index="1" v-for="(ritem,index) in routingList">
                                            <a tabindex="0" @click="item.Where=(index+1);" class="" data-tokens="null"
                                               role="option" aria-disabled="false" aria-selected="false">
                                                <span class="text">{{(index+1)}}</span>
                                                <span class="glyphicon glyphicon-ok check-mark"></span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </td>
                        <td align="center" style="width:40px;">
                            <div class="btn-group bootstrap-select form-control">
                                <button type="button" class="btn dropdown-toggle bs-placeholder btn-default"
                                        data-toggle="dropdown" role="button" title="运算符">
                                    <span class="filter-option pull-left"
                                          style="color:black">{{item.operator}}</span>&nbsp;<span class="bs-caret">
                                        <span class="caret"></span>
                                    </span>
                                </button>
                                <div class="dropdown-menu open" role="combobox">
                                    <ul class="dropdown-menu inner" role="listbox" aria-expanded="false">
                                        <li data-original-index="1" @click="item.operator='and';">
                                            <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false"
                                               aria-selected="false">
                                                <span class="text">and</span>
                                                <span class="glyphicon glyphicon-ok check-mark"></span>
                                            </a>
                                        </li>
                                        <li data-original-index="1" @click="item.operator='or';">
                                            <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false"
                                               aria-selected="false">
                                                <span class="text">or</span>
                                                <span class="glyphicon glyphicon-ok check-mark"></span>
                                            </a>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                        </td>
                        <td align="center">
                            <div class="btn-group bootstrap-select form-control">
                                <button type="button" class="btn dropdown-toggle bs-placeholder btn-default"
                                        data-toggle="dropdown" role="button" title="运算符">
                                    <span class="filter-option pull-left" style="color:black">{{item.toWhere}}</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span>
                                </button>
                                <div class="dropdown-menu open" role="combobox">
                                    <ul class="dropdown-menu inner" role="listbox" aria-expanded="false">
                                        <li data-original-index="1" v-for="(ritem,index) in routingList">
                                            <a tabindex="0" @click="item.toWhere=(index+1);" class="" data-tokens="null"
                                               role="option" aria-disabled="false" aria-selected="false">
                                                <span class="text">{{(index+1)}}</span>
                                                <span class="glyphicon glyphicon-ok check-mark"></span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>

        </div>

        <div class="layui-footer">
            <button type="button" class="btn btn-default" id="butSave">保存</button>
            <button type="button" class="btn btn-default" id="butclose">关闭</button>
        </div>
    </div>
    <div class="leftres-filter-wrap bg left-filter-show" id="resFilterWrap" style="overflow: hidden;">
        <a href="javascript:void(0)" type="cursor" class="GooFlow_tool_btndown cheacked" id="btnpoint" title="指针">
            <img src="Content/flow/images/zhizhen.gif" width="24" height="24" />
        </a>
        <a href="javascript:void(0)" type="cursor" class="GooFlow_tool_btndown" id="btnlink" title="连线">
            <img src="Content/flow/images/lianxian.gif" width="24" height="24" />
        </a>
        <!--    <a href="javascript:void(0)" type="cursor" class="GooFlow_tool_btndown" id="btnFL" title="分流"> <img src="../Content/flow/images/FENLIU.gif" width="24" height="24" /></a>-->
        <!--    <a href="javascript:void(0)" type="cursor" class="GooFlow_tool_btndown" id="btnHL" title="合流"> <img src="../Content/flow/images/HELIU.gif" width="24" height="24" /></a>-->
        <!--    <a href="javascript:void(0)" type="cursor" class="GooFlow_tool_btndown" id="btnSUBFLOW" title="子流"> <img src="../Content/flow/images/ziliucheng.gif" width="24" height="24" /></a>-->
        <a href="javascript:void(0)" type="cursor" class="GooFlow_tool_btndown" id="btnNODE" title="环节">
            <img src="Content/flow/images/HUANJIE.gif" width="24" height="24" />
        </a>

    </div>

    <div id="SaveAs" class="hide">
        <div class="layui-content">
            <div class="wbox-fix">
                <div class="wbox detail">
                    <div class="detail-table-responsive">
                        <div class="detail-title nav-tabs-link">
                            <i class="fa fa-caret-square-o-right"></i>
                            <span class="form_info"> 流程模板另存为</span>
                        </div>

                        <div class="detail-content">
                            <div class="col-lg-2 col-md-2 col-sm-3 col-xs-4 border-title">模板名称</div>
                            <div class="col-lg-10 col-md-10 col-sm-9 col-xs-8 border-content">
                                <input type="text" id="txtprocessname" class="form-control" />
                            </div>
                            <div class="border-mult">
                                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-4 border-title">
                                    <p class="title_fix-400 fromTitleEdit">模板编码</p>
                                </div>
                                <div class="col-lg-10 col-md-10 col-sm-9 col-xs-8 border-content">
                                    <input type="text" id="txtprocesscode" class="form-control" />
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-footer">
            <button type="button" class="btn btn-primary save">确定</button>
            <button type="button" class="btn btn-default" id="butclose">关闭</button>
        </div>
    </div>
    <div id="selectfiled" class="hide">
        <div class="layui-content">
            <div class="wbox-fix">
                <div class="wbox detail">
                    <div class="detail-table-responsive">
                        <div class="detail-title nav-tabs-link">
                            <i class="fa fa-caret-square-o-right"></i>
                            <span class="form_info">字段选择</span>
                        </div>
                    </div>
                    <div class="detail-content"></div>
                </div>
            </div>
        </div>
    </div>
    <script src="Scripts/vue.min.js"></script>
    <script src="Content/Resources/wmpSelector.js"></script>
    <script src="Content/Resources/wmpSelectControl.js"></script>
    <script src="Content/flow/FlowDraw.js"></script>
    <script src="Content/flow/FlowData.js"></script>
    <script type="text/javascript">
        var char = "@";
        var selectChangedObject = [];
        var selectIds = "";
        var initSelectBox = function (selector, selectCallback) {
            function clearBubble(e) {
                if (e.stopPropagation) {
                    e.stopPropagation();
                } else {
                    e.cancelBubble = true;
                }

                if (e.preventDefault) {
                    e.preventDefault();
                } else {
                    e.returnValue = false;
                }
            }

            var $container = $(selector);
            //  框选事件
            $container
                .on('mousedown', function (eventDown) {
                    if (flowObj.SelectButtonType != "") {
                        return;
                    }
                    if ($(window.event.srcElement).attr("id") != "svg1")
                        return;
                    $("rect").remove();
                    selectChangedObject = [];
                    selectIds = "";
                    //  设置选择的标识
                    var isSelect = true;
                    //  创建选框节点
                    var $selectBoxDashed = $('<div class="select-box-dashed"></div>');
                    $('body').append($selectBoxDashed);
                    //  设置选框的初始位置
                    var startX = eventDown.x || eventDown.clientX;
                    var startY = eventDown.y || eventDown.clientY;
                    $selectBoxDashed.css({
                        left: startX,
                        top: startY
                    });
                    //  根据鼠标移动，设置选框宽高
                    var _x = null;
                    var _y = null;
                    //  清除事件冒泡、捕获
                    clearBubble(eventDown);
                    //  监听鼠标移动事件
                    $(selector).on('mousemove', function (eventMove) {
                        //  设置选框可见
                        $selectBoxDashed.css('display', 'block');
                        //  根据鼠标移动，设置选框的位置、宽高
                        _x = eventMove.x || eventMove.clientX;
                        _y = eventMove.y || eventMove.clientY;
                        //  暂存选框的位置及宽高，用于将 select-item 选中
                        var _left = Math.min(_x, startX);
                        var _top = Math.min(_y, startY);
                        var _width = Math.abs(_x - startX);
                        var _height = Math.abs(_y - startY);
                        $selectBoxDashed.css({
                            left: _left,
                            top: _top,
                            width: _width,
                            height: _height
                        });
                        _top = _top - topheight;
                        //  遍历容器中的选项，进行选中操作
                        $(selector).find('[nodeType]').each(function () {
                            var $item = $(this);
                            var itemX_pos = $item.prop('offsetWidth') + $item.prop('offsetLeft');
                            var itemY_pos = $item.prop('offsetHeight') + $item.prop('offsetTop');
                            //  判断 select-item 是否与选框有交集，添加选中的效果（ temp-selected ，在事件 mouseup 之后将 temp-selected 替换为 selected）
                            var condition1 = itemX_pos > _left;
                            var condition2 = itemY_pos > _top;
                            var condition3 = $item.prop('offsetLeft') < (_left + _width);
                            var condition4 = $item.prop('offsetTop') < (_top + _height);
                            if (condition1 && condition2 && condition3 && condition4) {
                                if (selectIds.indexOf($($item).attr("id")) < 0) {
                                    switch ($item.attr("nodeType")) {
                                        case "SubFlow":
                                            flowObj.CreateNodeSubsidiary($item);
                                            break;
                                        case "Node":
                                            flowObj.CreateNodeSubsidiary($item);
                                            break;
                                        case "HL":
                                            flowObj.CreateNodeSubsidiary($item);
                                            break;
                                        case "FL":
                                            flowObj.CreateNodeSubsidiary($item);
                                            break;
                                        case "Start":
                                            flowObj.CreateNodeSubsidiary($item);
                                            break;
                                        case "End":
                                            flowObj.CreateNodeSubsidiary($item);
                                            break;
                                        //  case"Line":flowObj.CreateLineSubsidiary($item[0]);break;
                                        default:
                                            break;
                                    }
                                    selectIds = selectIds + "," + $($item).attr("id");
                                    selectChangedObject.push($item);
                                }

                            }

                        });

                        $('[nodeType=Line]').each(function () {
                            var line = $(this);
                            ///判断选择框是否包含线条的转折点
                            var points = line.attr("points").replace(/ /g, ",").split(',');
                            var Isbool = true;
                            for (var idex = 0; idex < points.length / 2; idex++) {
                                var left = points[idex * 2];
                                var top = points[idex * 2 + 1];
                                var condition1 = left > _left && left < _left + _width;
                                var condition2 = top > _top && top < _top + _height;
                                if (!(condition1 && condition2)) {
                                    Isbool = false;
                                    break;
                                }
                            }
                            if (Isbool) {
                                if (selectIds.indexOf($(line).attr("id")) < 0) {
                                    flowObj.CreateLineSubsidiary(line[0], true);
                                    selectIds = selectIds + "," + $(line).attr("id");
                                    selectChangedObject.push(line);
                                }
                            }
                        });
                        //  清除事件冒泡、捕获
                        clearBubble(eventMove);
                    });

                    $(document).on('mouseup', function () {
                        $(selector).off('mousemove');
                        if (selectChangedObject.length > 0) {
                            flowObj.SelectButtonType = "MultipleSelect";
                        }
                        $selectBoxDashed.remove();

                        if (selectCallback) {
                            selectCallback();
                        }
                    });
                });
        };

        initSelectBox(document);

    </script>

    <script type="text/javascript">
        $(document).ready(function () {

            $(".viewAprRecord1").click(function () {
                if(queryUrlParam("view")=="1"){
                    return
                }
                if ($("#resFilterWrap").is(":hidden")) {
                    $("#resFilterWrap").show();

                } else {
                    $("#resFilterWrap").hide();
                }
            });
            $(".viewAprRecord").click(function () {
                if(queryUrlParam("view")=="1"){
                    return
                }
                if ($("#resLeftFilterWrap").is(":hidden")) {
                    $("#resLeftFilterWrap").show();
                    // $("#resFilterWrap").removeClass("left-filter-show");
                } else {
                    $("#resLeftFilterWrap").hide();
                    //  $("#resFilterWrap").addClass("left-filter-show");
                }
                // $(".masklayer").show();
            });
            ////页面按钮事件绑定
            $("#btnSave").click(function () {
                flowdataObj.SaveFlowData();
                // alert(JSON.stringify(flowObj.SaveDrawJson()));
            });
            $("#btnSaveAs").click(function () {
                $("rect").remove();
            });
            $("#btnCheck").click(function () {
                flowdataObj.CheackData(true);
            })
            $("#btnIssue").click(function () {
                flowdataObj.StartFlow();
            });
            $("#btnStop").click(function () {
                flowdataObj.StopFlow();
            })
            $("#btnSnap").click(function () {
                $("rect").remove();
            })
            $("#btnpoint").click(function () {
                $(".cheacked").removeClass("cheacked");
                $("#btnpoint").addClass("cheacked");
                $("rect").remove();
                if (oPolyLine != null) {
                    $(oPolyLine).remove();
                    oPolyLine = null;
                }
                flowObj.SelectButtonType = "";
                flowObj.SelectObject = null;
                selectChangedObject = [];
            })
            $("#btnlink").click(function () {
                $(".cheacked").removeClass("cheacked");
                $("#btnlink").addClass("cheacked");
                $("rect").remove();
                flowObj.SelectButtonType = "Line";
                selectChangedObject = [];
            })
            $("#btnFL").click(function () {
                $(".cheacked").removeClass("cheacked");
                $("#btnFL").addClass("cheacked");
                $("rect").remove();
                flowObj.SelectButtonType = "FL";
                selectChangedObject = [];
            })
            $("#btnHL").click(function () {
                $(".cheacked").removeClass("cheacked");
                $("#btnHL").addClass("cheacked");
                $("rect").remove();
                flowObj.SelectButtonType = "HL";
                selectChangedObject = [];
            })
            $("#btnSUBFLOW").click(function () {
                $(".cheacked").removeClass("cheacked");
                $("#btnSUBFLOW").addClass("cheacked");
                $("rect").remove();
                flowObj.SelectButtonType = "SubFlow";
                selectChangedObject = [];
            })
            $("#btnNODE").click(function () {
                $(".cheacked").removeClass("cheacked");
                $("#btnNODE").addClass("cheacked");
                $("rect").remove();
                flowObj.SelectButtonType = "Node";
                selectChangedObject = [];
            });
        });

        ///
        function filterheight() {
            var win_height = $(window).height();
            var filter_height = win_height - $("#resFilterWrap .filter-title").height();
            $("html").addClass("sn-active");
            $("body").height(win_height);
            $("#resFilterWrap .res-filter-main").height(filter_height);
        }

        ///
        function removeheight() {
            $("html").removeClass("sn-active");
            $("body").removeAttr("style");
        }

        document.body.onkeydown = function (event) {
            var e = event || window.event || arguments.callee.caller.arguments[0];
            console.log(e.keyCode);
            if (e && e.keyCode == 38) { // 按 上移动
                if (flowObj.SelectButtonType == "MultipleSelect") {
                    for (var i in selectChangedObject) {
                        flowObj.KeyMove($(selectChangedObject[i]), 0, -5);
                    }

                } else {
                    if (flowObj.SelectObject != null) {

                        flowObj.KeyMove(flowObj.SelectObject, 0, -5);

                    }
                }
                return;
            }
            if (event.ctrlKey && window.event.keyCode == 65) { ///全选

            }
            if (event.ctrlKey && window.event.keyCode == 65) { ///反选

            }
            if (event.ctrlKey && window.event.keyCode == 67) {
                ///复制

                if (flowObj.SelectObject != null) {

                }
            }
            if (event.ctrlKey && window.event.keyCode == 86) {
                ///粘贴
            }
            if (event.ctrlKey && window.event.keyCode == 90) {
                ///撤销
            }
            if (event.ctrlKey && window.event.keyCode == 90) {
                ///撤销
            }
            if (e && e.keyCode == 40) { // 按  下移动
                if (flowObj.SelectButtonType == "MultipleSelect") {
                    for (var i in selectChangedObject) {
                        flowObj.KeyMove($(selectChangedObject[i]), 0, 5);
                    }

                } else {
                    if (flowObj.SelectObject != null) {
                        flowObj.KeyMove(flowObj.SelectObject, 0, 5);

                    }
                }
                return;
            }
            if (e && e.keyCode == 37) { // 按  左移动
                if (flowObj.SelectButtonType == "MultipleSelect") {
                    for (var i in selectChangedObject) {
                        flowObj.KeyMove($(selectChangedObject[i]), -5, 0);
                    }

                } else {
                    if (flowObj.SelectObject != null) {
                        flowObj.KeyMove(flowObj.SelectObject, -5, 0);

                    }
                }
                return;
            }
            if (e && e.keyCode == 39) { // 按  右移动
                if (flowObj.SelectButtonType == "MultipleSelect") {
                    for (var i in selectChangedObject) {
                        flowObj.KeyMove($(selectChangedObject[i]), 5, 0);
                    }

                } else {
                    if (flowObj.SelectObject != null) {
                        flowObj.KeyMove(flowObj.SelectObject, 5, 0);

                    }
                }
            }
            if (e && e.keyCode == 13) { // enter 键
                //要做的事情
            }
            if (e && e.keyCode == 27) { // 按 Esc
                //要做的事情
            }
            if (e && e.keyCode == 113) { // 按 F2
                //要做的事情
            }
            if (e && e.keyCode == 13) { // enter 键
                //要做的事情
            }
            if (e && e.keyCode == 46) { //按 delete
                if (flowObj.SelectButtonType == "MultipleSelect") {
                    for (var i in selectChangedObject) {
                        flowObj.Delete($(selectChangedObject[i]));
                    }
                    selectChangedObject = [];
                } else {
                    if (flowObj.SelectObject != null) {
                        flowObj.Delete(flowObj.SelectObject);
                        flowObj.SelectObject = null;
                    }
                }
            }
        };

        ///底部对齐
        function BottomSnap() {
            if (flowObj.SelectButtonType == "MultipleSelect" && selectChangedObject.length > 0) {
                var maxTop = 0;
                for (var idex = 0; idex < selectChangedObject.length; idex++) {
                    var $item = $(selectChangedObject[idex]);
                    if ($item.attr("nodeType") != undefined && $item.attr("nodeType") != 'Line') {
                        var top = $item.position().top;
                        if (idex == 0) {
                            maxTop = top;
                            continue;
                        }
                        if (maxTop < top) {
                            maxTop = top;
                            continue;
                        }

                    }
                }
                for (var idex = 0; idex < selectChangedObject.length; idex++) {
                    var $item = $(selectChangedObject[idex]);
                    if ($item.attr("nodeType") != undefined && $item.attr("nodeType") != 'Line') {
                        var nodePosition = $item.position();
                        $item.css({
                            left: nodePosition.left,
                            top: maxTop,
                        });
                        var x = nodePosition.left;
                        var y = maxTop;
                        var LineStart = $("[startNode='" + $item.attr("id") + "']");
                        for (var li = 0; li < LineStart.length; li++) {
                            var item = LineStart[li];
                            var points = item.attributes['points'].value.replace(/ /g, ",").split(',');
                            points[0] = x + 19;
                            points[1] = y + 19;
                            if (points.length == 4) {
                                var position = flowObj.DistanceObj($item.attr("id"), item.attributes["endNode"].value);
                                points[points.length - 2] = position.x;
                                points[points.length - 1] = position.y;
                            }
                            item.setAttribute('points', points.join(','));
                        }
                        var LineEnd = $("[endNode='" + $item.attr("id") + "']");
                        for (var li = 0; li < LineEnd.length; li++) {
                            var item = LineEnd[li];
                            var points = item.attributes['points'].value.replace(/ /g, ",").split(',');
                            var position = flowObj.Distance({
                                x: points[points.length - 4],
                                y: points[points.length - 3]
                            }, $item.attr("id"));
                            points[points.length - 2] = position.x;
                            points[points.length - 1] = position.y;
                            item.setAttribute('points', points.join(','));
                        }
                        // flowObj.CreateNodeSubsidiary($item, true);
                    }
                }
                //for (var idex = 0; idex < selectChangedObject.length; idex++) {
                //    var $item = $(selectChangedObject[idex]);
                //    if ($item.attr("nodeType") == 'Line') {
                //        flowObj.CreateLineSubsidiary($item, true, true);
                //    }
                //}
                flowObj.SelectButtonType = "";
                selectChangedObject = [];
                $("rect").remove();
            }
        }

        ///右对齐
        function RightSnap() {
            if (flowObj.SelectButtonType == "MultipleSelect" && selectChangedObject.length > 0) {
                var maxleft = 0;
                for (var idex = 0; idex < selectChangedObject.length; idex++) {
                    var $item = $(selectChangedObject[idex]);
                    if ($item.attr("nodeType") != undefined && $item.attr("nodeType") != 'Line') {
                        var left = $item.position().left;
                        if (idex == 0) {
                            maxleft = left;
                            continue;
                        }
                        if (maxleft < left) {
                            maxleft = left;
                            continue;
                        }

                    }
                }
                for (var idex = 0; idex < selectChangedObject.length; idex++) {
                    var $item = $(selectChangedObject[idex]);
                    if ($item.attr("nodeType") != undefined && $item.attr("nodeType") != 'Line') {
                        var nodePosition = $item.position();
                        $item.css({
                            left: maxleft,
                            top: nodePosition.top,
                        });
                        var x = maxleft;
                        var y = nodePosition.top;
                        //flowObj.CreateNodeSubsidiary($item, true);
                        var LineStart = $("[startNode='" + $item.attr("id") + "']");
                        for (var li = 0; li < LineStart.length; li++) {
                            var item = LineStart[li];
                            var points = item.attributes['points'].value.replace(/ /g, ",").split(',');
                            points[0] = x + 19;
                            points[1] = y + 19;
                            if (points.length == 4) {
                                var position = flowObj.DistanceObj($item.attr("id"), item.attributes["endNode"].value);
                                points[points.length - 2] = position.x;
                                points[points.length - 1] = position.y;
                            }
                            item.setAttribute('points', points.join(','));
                        }
                        var LineEnd = $("[endNode='" + $item.attr("id") + "']");
                        for (var li = 0; li < LineEnd.length; li++) {
                            var item = LineEnd[li];
                            var points = item.attributes['points'].value.replace(/ /g, ",").split(',');
                            var position = flowObj.Distance({
                                x: points[points.length - 4],
                                y: points[points.length - 3]
                            }, $item.attr("id"));
                            points[points.length - 2] = position.x;
                            points[points.length - 1] = position.y;
                            item.setAttribute('points', points.join(','));
                        }
                    }
                }
                //for (var idex = 0; idex < selectChangedObject.length; idex++) {
                //    var $item = $(selectChangedObject[idex]);
                //    if ($item.attr("nodeType") == 'Line') {
                //        flowObj.CreateLineSubsidiary($item, true, true);
                //    }
                //}
                flowObj.SelectButtonType = "";
                selectChangedObject = [];
                $("rect").remove();
            }
        }

        ///顶对齐
        function TopSnap() {
            if (flowObj.SelectButtonType == "MultipleSelect" && selectChangedObject.length > 0) {
                var mintop = 0;
                for (var idex = 0; idex < selectChangedObject.length; idex++) {
                    var $item = $(selectChangedObject[idex]);
                    if ($item.attr("nodeType") != undefined && $item.attr("nodeType") != 'Line') {
                        var top = $item.position().top;
                        if (idex == 0) {
                            mintop = top;
                            continue;
                        }
                        if (mintop > top) {
                            mintop = top;
                            continue;
                        }

                    }
                }
                for (var idex = 0; idex < selectChangedObject.length; idex++) {
                    var $item = $(selectChangedObject[idex]);
                    if ($item.attr("nodeType") != undefined && $item.attr("nodeType") != 'Line') {
                        var nodePosition = $item.position();
                        $item.css({
                            left: nodePosition.left,
                            top: mintop,
                        });
                        var x = nodePosition.left;
                        var y = mintop;
                        ///  flowObj.CreateNodeSubsidiary($item, true);
                        var LineStart = $("[startNode='" + $item.attr("id") + "']");
                        for (var li = 0; li < LineStart.length; li++) {
                            var item = LineStart[li];
                            var points = item.attributes['points'].value.replace(/ /g, ",").split(',');
                            points[0] = x + 19;
                            points[1] = y + 19;
                            if (points.length == 4) {
                                var position = flowObj.DistanceObj($item.attr("id"), item.attributes["endNode"].value);
                                points[points.length - 2] = position.x;
                                points[points.length - 1] = position.y;
                            }
                            item.setAttribute('points', points.join(','));
                        }
                        var LineEnd = $("[endNode='" + $item.attr("id") + "']");
                        for (var li = 0; li < LineEnd.length; li++) {
                            var item = LineEnd[li];
                            var points = item.attributes['points'].value.replace(/ /g, ",").split(',');
                            var position = flowObj.Distance({
                                x: points[points.length - 4],
                                y: points[points.length - 3]
                            }, $item.attr("id"));
                            points[points.length - 2] = position.x;
                            points[points.length - 1] = position.y;
                            item.setAttribute('points', points.join(','));
                        }
                    }
                }
                //for (var idex = 0; idex < selectChangedObject.length; idex++) {
                //    var $item = $(selectChangedObject[idex]);
                //    if ($item.attr("nodeType") == 'Line') {
                //        flowObj.CreateLineSubsidiary($item, true, true);
                //    }
                //}
                flowObj.SelectButtonType = "";
                selectChangedObject = [];
                $("rect").remove();
            }
        }

        ///左对齐
        function LeftSnap() {
            if (flowObj.SelectButtonType == "MultipleSelect" && selectChangedObject.length > 0) {
                var minleft = 0;
                for (var idex = 0; idex < selectChangedObject.length; idex++) {
                    var $item = $(selectChangedObject[idex]);
                    if ($item.attr("nodeType") != undefined && $item.attr("nodeType") != 'Line') {
                        var left = $item.position().left;
                        if (idex == 0) {
                            minleft = left;
                            continue;
                        }
                        if (minleft > left) {
                            minleft = left;
                            continue;
                        }

                    }
                }
                for (var idex = 0; idex < selectChangedObject.length; idex++) {
                    var $item = $(selectChangedObject[idex]);
                    if ($item.attr("nodeType") != undefined && $item.attr("nodeType") != 'Line') {
                        var nodePosition = $item.position();
                        $item.css({
                            left: minleft,
                            top: nodePosition.top,
                        });
                        ///  flowObj.CreateNodeSubsidiary($item, true);
                        var x = minleft;
                        var y = nodePosition.top;
                        var LineStart = $("[startNode='" + $item.attr("id") + "']");
                        for (var li = 0; li < LineStart.length; li++) {
                            var item = LineStart[li];
                            var points = item.attributes['points'].value.replace(/ /g, ",").split(',');
                            points[0] = x + 19;
                            points[1] = y + 19;
                            if (points.length == 4) {
                                var position = flowObj.DistanceObj($item.attr("id"), item.attributes["endNode"].value);
                                points[points.length - 2] = position.x;
                                points[points.length - 1] = position.y;
                            }
                            item.setAttribute('points', points.join(','));
                        }
                        var LineEnd = $("[endNode='" + $item.attr("id") + "']");
                        for (var li = 0; li < LineEnd.length; li++) {
                            var item = LineEnd[li];
                            var points = item.attributes['points'].value.replace(/ /g, ",").split(',');
                            var position = flowObj.Distance({
                                x: points[points.length - 4],
                                y: points[points.length - 3]
                            }, $item.attr("id"));
                            points[points.length - 2] = position.x;
                            points[points.length - 1] = position.y;
                            item.setAttribute('points', points.join(','));
                        }
                    }
                }
                //for (var idex = 0; idex < selectChangedObject.length; idex++) {
                //    var $item = $(selectChangedObject[idex]);
                //    if ($item.attr("nodeType") == 'Line') {
                //        flowObj.CreateLineSubsidiary($item, true,true);
                //    }
                //}
                flowObj.SelectButtonType = "";
                selectChangedObject = [];
                $("rect").remove();
            }
        }

        function ShowErrorPlane() {
            $("#flowBaseInfo").hide();
            $("#flowNodeInfo").hide();
            $("#cheackErrorMsg").show();

        }
    </script>

    <script type="text/javascript">
        var flowdataObj;
       function LoadDataFlowInit(data,ProcessId,actchartids,currentChartId){
           if(data==undefined) {
               flowdataObj = new FlowData();
               flowdataObj.Init();
           }else{
              let flowdata=  JSON.parse(data.flowdata)
               flowdata.FReadPersonName=""
               var fprocesschart=JSON.parse(data.fprocesschart);
               flowObj.LoadDrawJson(fprocesschart);
               flowdataObj = new FlowData(flowdata);
               flowdataObj.FlowID=ProcessId;
               if( $("#flowBaseInfo").length>0) {
                   flowdataObj.Init();
               }
               for(var i=0;i<fprocesschart.NodeList.length;i++){
                   if(fprocesschart.NodeList[i].nodeId!="F_Start") {
                       flowdataObj.SysParam.Node[fprocesschart.NodeList[i].nodeId] =fprocesschart.NodeList[i].nodeId=="F_End"?"结束": fprocesschart.NodeList[i].nodeText;
                   }
               }
               // flowdataObj.UpdateVariable(flowdata.PageControl, flowdataObj.Data.FromID);
               switch (data.ProcessState) {
                   case "1":
                       $("#btnStop").hide();
                       break;
                   case "2":
                       $("#btnSave").hide();
                       $("#btnCheck").hide();
                       $("#btnIssue").hide();
                       $("#btnStop").show();

                       break;
                   case "3":
                       $("#btnStop").hide();
                       break;
                   case "4":
                       $(".toolbars").hide();
                       break;
               }
              if(actchartids!=undefined&&actchartids!=null){
                actchartids.forEach(ee=>{
                    $("#Image"+ee).attr("style",$("#Image"+ee).attr("style").replace("Content/flow/images","Content/flow/images/green"))
                })
              }
              if(currentChartId!=undefined&&currentChartId!=''){
                $("#Image"+currentChartId).attr("style",$("#Image"+currentChartId).attr("style").replace("Content/flow/images","Content/flow/images/yellow"))
                if(currentChartId!='F_Start'){
                    $("#ImageF_Start").attr("style",$("#ImageF_Start").attr("style").replace("Content/flow/images","Content/flow/images/green"))
                }
              }
           }
        }
        $(document).ready(function () {
           if(queryUrlParam("view")=="1"){
                $(".toolbars").hide();
                $("#resLeftFilterWrap").hide();
                $("#resFilterWrap").hide();
           }
            if(flowdataObj!=undefined) {
                flowdataObj.Init();
            }
            $("#resLeftFilterWrap").on("click", '.nav-tabs a', function (e) {
                var tabplane = $(this).parent(".nav-tabs-btn");
                var tabContentplane = $(this).parents(".tabs-container");
                if (tabContentplane.length > 1) {
                    tabContentplane = $(tabContentplane[0]);
                }
                tabplane.find('a').removeClass("active");
                $(this).addClass("active");
                tabplane.find('a').each(function () {
                    tabContentplane.find(this.hash).hide();
                });
                tabContentplane.find(this.hash).show();
            });
        })
        function fileImport() {
            //获取读取我文件的File对象
            var selectedFile = document.getElementById('importFile').files[0];
            let reader = new FileReader()
            if (typeof FileReader === 'undefined') {
                console.log('您的浏览器不支持FileReader接口')
                return
            }
            reader.onload = function () {
                const fromdata = JSON.parse(reader.result)
                flowdataObj = new FlowData(JSON.parse(fromdata.flowJson));
                flowdataObj.Init();
                var fprocesschart = JSON.parse(fromdata.flowdraw);
                flowObj.LoadDrawJson(fprocesschart);
                for (var i = 0; i < fprocesschart.NodeList.length; i++) {
                    if (fprocesschart.NodeList[i].nodeId != "F_Start") {
                        flowdataObj.SysParam.Node[fprocesschart.NodeList[i].nodeId] = fprocesschart.NodeList[i].nodeId == "F_End" ? "结束" : fprocesschart.NodeList[i].nodeText;
                    }
                }

            }
            reader.readAsText(selectedFile) //注意读取中文的是用这个编码，不是utf-8
        }
        function queryUrlParam(queryName) {
        const query = decodeURI(window.location.search.substring(1))
        const vars = query.split('&')
        for (let i = 0; i < vars.length; i++) {
            const pair = vars[i].split('=')
            if (pair[0] === queryName) {
            return pair[1]
            }
        }
        return null
        }
    </script>
</body>
</html>
<style type="text/css">

    .trhead {
        width: 100%;
        float: left;
    }
    .tdhead {
        border: 1px solid #ccc;
        border-left: none;
        border-top: none;
        text-align: center;
        min-width: 25%;
        height: 28px;
        width: auto;
        white-space: nowrap;
        padding-top: 5px;
        text-align: center;
        float: left;
        background-color: #f5f5f5;
    }
    .tr {
        width: 100%;
        float: left;
    }
    .td {
        border: 1px solid #ccc;
        border-left: none;
        border-top: none;
        text-align: center;
        min-width: 25%;
        height: 28px;
        padding-top: 5px;
        text-align: center;
        width: auto;
        white-space: nowrap;
        float: left;
    }
    .clearfloat {
        clear: both;
        height: 0;
        font-size: 1px;
        line-height: 0px;
    }
</style>
